<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>路线规划</title>
		<style type="text/css">
			body {
				font-size: 50px;
				text-align: center;
			}

			.address {
				line-height: 250px;
				border-bottom: 1px solid #cccccc;
			}

			.options>div {
				padding: 30px 0;
				border-bottom: 1px solid #cccccc;
			}

			.options>div:last-child {
				border: none;
			}

			.options img {
				width: 50%;
				height: 50%;
				pointer-events: none;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="address">广州塔</div>
			<div class="options">
				<div onclick="goBd()">
					<img src="./img/baidu.jpg" />
				</div>
				<div onclick="goQQ()">
					<img src="./img/tx.jpg" />
				</div>
				<div onclick="goGd()">
					<img src="./img/gaode.jpg" />
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://api.map.baidu.com/api?v=2.0&ak=pQWl932IkCMb3elP8MpLCyUsWTkFCFGm"></script>
	<script src="js/index.js"></script>

</html>
